<div class="row">
    <div class="col-md-9" style="width:58%;padding-right:2px;">
        <div class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-fbPage}}</label>
                <div class="col-sm-8">
                    <select class="form-control" name="editAdMainPage" style="width:100%"></select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-headline}}</label>
                <div class="col-sm-8">
                    <select class="form-control" name="editAdTitle" style="width:100%" multiple></select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-text}}</label>
                <div class="col-sm-8">
                    <div class="text-area-wrapper">
                        <textarea class="adWordField" maxlength="300" name="editAdText"></textarea>
                        <div class="text-range-warning">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-callToAction}}</label>
                <div class="col-sm-8 custom-action ndp-drop-wrapper" style="width:200px;" id="actioncall">
                </div>
            </div>
            <div class="form-group" name="deepLink">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-deepLink}}</label>
                <div class="col-sm-8">
                    <div class="c-area">
                        <div>
                            <textarea name="appDeepLink" dir="auto"  style="height: 0px;"></textarea>
                        </div>
                        <div class="area-h">
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group" id="innovation">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-material}}</label>
                <div class="col-sm-8">
                    <div class="nav nav-pills" role="tablist" id="asset-choose">
                        <label data-target="#img"><input type="radio" name="asset1" checked value="img">{{i18n-image}}</label>
                        <label data-target="#carousel"><input type="radio" name="asset1" value="carousel">{{i18n-carousel}}</label>
                        <div class="carousel-remind">
                            <i class="glyphicon glyphicon-question-sign"
                               data-toggle="tooltip" data-placement="right"
                               data-original-title="{{i18n-carouselDescription}}">
                            </i>
                        </div>
                        <label data-target="#video"><input type="radio" name="asset1" value="video">{{i18n-video}}</label>
                    </div>
                    <div style="width:100%;background-color: #F4F8FB;">
                        <div>
                            <ul id="editAdImageDiv"></ul>
                        </div>
                        <div style="padding:10px;">
                            <button class="btn btn-innovation-change-image" style="border-color: #b9c1cc;border-radius:0px;color:inherit;" name="innovationChange" data-toggle="modal">{{i18n-changeImage}}</button>
                        </div>
                    </div>
                    <!--<div class="tab-content">-->
                        <!--<ul class="tab-pane active" id="img">-->
                            <!--<li data-toggle="modal" data-target="#picc" class="tab-pane-cell"><i class="glyphicon glyphicon-plus"></i></li>-->
                        <!--</ul>-->
                        <!--<ul class="tab-pane" id="carousel">-->
                            <!--<li role="add" class="tab-pane-cell tab-pane-add"><i class="glyphicon glyphicon-plus"></i></li>-->
                        <!--</ul>-->
                        <!--<div class="tab-pane" id="video">-->
                            <!--<ul>-->
                                <!--<li data-toggle="modal" data-target="#videos" class="tab-pane-cell"><i class="glyphicon glyphicon-plus"></i></li>-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                </div>
            </div>
            <div class="form-group" name="creativeOptDiv" style="display: none;">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-creativeOptimization}}</label>
                <div class="col-sm-8 creativeOpt">
                    <label style="cursor: pointer;">
                        <input type="checkbox" name="checkbox" id="editAdCheckBox" value="1" >
                        {{i18n-creativeOptimizationDesc}}
                    </label>
                </div>
            </div>
            <div class="form-group" name="outlink" style="display: none">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-linkText}}</label>
                <div class="col-sm-8">
                    <div class="c-area-container">
                        <div class="count">200</div>
                        <div class="c-area">
                            <div>
                                <textarea name="w-ad-desc" class="link-word" dir="auto" maxlength="200" placeholder="{{i18n-linkDescription}}" style="height: 0px;"></textarea>
                            </div>
                            <div class="area-h">
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group" name="outlink" style="display: none">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-displayUrl}}</label>
                <div class="col-sm-8">
                    <div class="c-area">
                        <div>
                            <textarea name="w-ad-caption" dir="auto" placeholder="{{i18n-urlTag}}" style="height: 0px;"></textarea>
                        </div>
                        <div class="area-h">
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group" name="outlink" style="display: none">
                <label class="col-sm-2 control-label" style="width:80px;">{{i18n-linkUrl}}</label>
                <div class="col-sm-8">
                    <div class="c-area">
                        <div>
                            <textarea name="w-ad-link" dir="auto" style="height: 0px;"></textarea>
                        </div>
                        <div class="area-h">
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--创意预览-->
    <div style="float: left;height:100%;width:41%;">
        <div name="AdPreviewTitle" style="height:42px;line-height: 38px;font-size:16px;margin-bottom: 5px;">{{i18n-adPreviewTitle}}</div>
    <div style="border:1px solid #ccc;min-height:376px;width:100%;margin-top:5px;">
        <!--<div class="ndp-tab-wrapper" style="margin-top:0px;" name="plain-tab"></div>-->
        <div class="container-fluid" style="padding-left: 0px; padding-right: 0px;">
            <div class="instgramPreview" name="previewEachDiv">
                <div style="height: 80px; position: relative;width: 318px;">
                    <i class="instgramTitle instgramBg"></i>
                    <div class="instgramClearfix instgramWc">
                        <div style="float:left;">
                            <img class="instgramWd" alt="author's avatar"
                                 src="">
                            <span class="instgramWd2"></span>
                        </div>
                        <div class="instgramWd6">
                            {{i18n-sponsoredContent}}
                            <i class="instgramZanzhu instgramBg"></i>
                        </div>
                    </div>
                </div>
                <img class="instgramImg" src="">
                <div class="instgramHij">
                    <div class="instgramClearfix instgramUi">
                        <div style="word-wrap: break-word;float: left;min-height: 1px;">
                            <div>
                                <i class="instgramBg instgramFoot1"></i>
                                <i class="instgramBg instgramFoot2"></i>
                            </div>
                        </div>
                        <div style="bottom: 0;left: 0;position: absolute;right: 0;top: 0;">
                            <div style="position: absolute;right: 0;top: 10px;">
                                <div class="instgramCallToAction"></div>
                            </div>
                        </div>
                    </div>
                    <div class="instgramFootText"><span></span></div>
                </div>
            </div>

            <!--网络受众-插播式广告-->
            <div class="mobile" name="previewEachDiv">
                <div class="mobileContainer">
                    <div class="mobileBackground">
                        <div class="mobileBorder">
                            <span>
                                <div class="_2c7i medium">
                                    <div class="adContainer">
                                        <div class="storeClickAreaRow">
                                            <a class="storeClickArea" data-link="#"></a>
                                        </div>
                                        <div class="contentArea">
                                            <div class="bannerRow" style="height: 217.40703517588px;"></div>
                                            <div class="headerRow">
                                                <div class="iconRow">
                                                    <a class="fbOffsiteAdLink" data-link="#">
                                                        <img class="icon"  src="">
                                                    </a>
                                                </div>
                                                <div class="titleRow">
                                                    <div class="title">Bo -Sticker Cam for Pet Lovers</div>
                                                </div>
                                                <div id="bodyRow" class="bodyRow">The fun and social app for pet
                                                    lovers
                                                </div>
                                            </div>
                                            <div class="variableRow" style="height: 27.837185929648px"></div>
                                            <div class="actionButtonRow">
                                                <div class="ctaQuestion">立即安装？</div>
                                                <div class="answers">
                                                    <div class="yesWrapper">
                                                        <a id="fbAdLink" class="fbOffsiteAdLink" data-link="#">
                                                            <div class="yesButton">{{i18n-yes}}</div>
                                                        </a>
                                                    </div>
                                                    <div class="noWrapper">
                                                        <span>
                                                            <a id="fbAdCloseLink" data-link="#"><div class="actionButton noButton">{{i18n-no}}</div></a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <!--网络受众-横幅广告-->
            <div class="fbbanner" name="previewEachDiv">
            <div class="fbAdBanner">
                <div class="fbOffsiteAdImpression" data-link="#"></div>
                <div class="bannerContainer">
                    <div class="iconContainer">
                        <a id="fbAdIconLink" class="fbOffsiteAdLink fbAdLink" data-link="#">
                            <img class="icon"  src="">
                        </a>
                    </div>
                    <div class="placeholderContainer amend">
                        <div class="actionButton amend">
                            <span class="buttonText">立即安装</span>
                        </div>
                    </div>
                    <div class="contentContainer">
                        <a id="fbAdNonStoreLink" class="fbAdNonStoreLink" data-link="#"></a>

                        <div class="cardContainer">
                            <div class="card card1">
                                <div class="title">Bo -Sticker Cam for Pet Lovers</div>
                                <div class="rating">
                                    <span class="full star">★</span>
                                    <span class="full star">★</span>
                                    <span class="full star">★</span>
                                    <span class="full star">★</span>
                                    <span class="empty star">★</span>
                                </div>
                            </div>
                            <div class="card card2" style="display: none;">
                                <div class="title">Bo -Sticker Cam for Pet Lovers</div>
                                <div class="contextSentence">{{i18n-fbAdBannerFree}}</div>
                            </div>
                            <div class="card card3" style="display: none;">
                                <div class="body">The fun and social app for pet lovers</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>


            <div id="preview-page" name="previewEachDiv">
                <div class="col-md-preview">
                    <div class="panel panel-default" style="padding-bottom:0px;">
                        <div class="panel-heading preview-panel-heading">
                            <h3 class="panel-title preview-title">{{i18n-suggestedApp}}</h3>
                        </div>
                        <div class="panel-body">
                            <div class="media">
                                <div class="media-left">
                                    <a href="javascript:void(0);">
                                        <img class="media-object preview-logo" alt="40x40" src="">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading" name="previewAppName">Your Apps Name</h4>
                                    <p>Sponsored · Take an AD · <i class="glyphicon glyphicon-globe"></i></p>
                                </div>
                            </div>
                            <div>
                            <span>
                                <p class="preview-ad-txt">This is ad words for your app.</p>
                            </span>
                                <div class="preview-see-link">
                                    <a href="javascript:void(0);">See Translation</a>
                                </div>
                                <div class="preview-image-frame">
                                    <div class="bannerbox">
                                        <div id="focus">
                                            <ul></ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <h4 class="media-heading" name="previewAdTitle">Your Ad Title</h4>
                                    <p name="previewPlatform">Get it on platform.</p>
                                </div>
                                <div class="media-right">
                                    <button type="button" class="btn-install" name="previewCallToAction">Install Now</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <footer class="preview-banner text-center clearfix">
                        <div class="preview-like">
                            <i class="fa fa-thumbs-up"></i>
                            <span class="preview-desc">{{i18n-like}}</span>
                        </div>
                        <div class="preview-comment">
                            <i class="glyphicon glyphicon-comment"></i>
                            <span class="preview-desc">{{i18n-comment}}</span>
                        </div>
                        <div class="preview-share">
                            <i class="glyphicon glyphicon-share-alt"></i>
                            <span class="preview-desc">{{i18n-share}}</span>
                        </div>
                    </footer>

                </div>
            </div>
        </div>
    </div>
    </div>
</div>
<!-- Button trigger modal -->
